Learn it: Scratch Programming 



mapun 



Make fireworks in Scratch 





Use fireworks and Bonfire night as a stimulus for programming 

• Create an animated bonfire 

• Design and program a working Catherine wheel 

• Design and program firework rockets 

• Use a variable to create a timer to control a display 

• Sample programs and instructions 

• Ideas for expanding your project 



R1.0 - Produced October 2015, Maplin Electronics. 
Please distribute freely. 

Produced for Scratch 2.0 but should work for all versions. 



I'lif 

Massachusetts Institute of Technology 



Scratch is a project of the 
Lifelong Kindergarten Group 
at the MIT Media Lab. 



The electronics specialist 




Visit maplin.co.uk for Lots of engaging and interesting 
educational, programming and electronics products. 



2 - Make fireworks in Scratch 



Make fireworks in Scratch 
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Kids love fireworks, but for safety’s sake always have to just be a spectator - but how 
about encouraging them to create their very own bonfire and fireworks display, from 
the comfort of your computer. 

Scratch is a graphical block programming language and is ideally suited to create 
interactive firework displays and from a few simple concepts children can create an 
infinite number of effects. 

We'll start with something simple - the bonfire, then we'll move onto some real fireworks. 



Sometimes we need to understand the object that we try to make on the computer, spend 
some time talking about how they work and the different phases they go through - look 
out for the 'Programmers understanding' sections throughout the manual. 
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Getting Scratch up and running 



What is Scratch? 

Scratch is a block programming language. With Scratch, you can 
program your own interactive stories, games, and animations — and 
share your creations with others in the online community. Scratch 
helps young people learn to think creatively, reason systematically, 
and work collaboratively — essential skills for life in the 21st century. 




What can I run Scratch on? 

Scratch can be run on most computers including PC, Mac, Linux and even 
mini computers such as Raspberry Pi, you can download a version of Scratch 
to your computer or you can join the online Scratch community and program 
through your browser - this is the best and recommended method. 




Where do I get Scratch from? 

Scratch can be accessed online on the dedicated Scratch website by MIT. 

https://scratch.mit.edu/ 

The download version (Offline editor) can be downloaded from 

https://scratch.mit.edu/scratch2download/ 
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Raspbian for Raspberry Pi comes with Scratch preinstalled and can be 
configured to boot straight into Scratch, this is ideal for younger programmers. 
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Get Scratch-ing! 

Once you have signed up for a free account on the Scratch site 
or, if you've opted for the offline version, have it installed you 
might need some pointers to get you going. 

There are some resources on the Scratch website to give you a 
good grounding in the programming environment and in basic 
programming, printing these is a good starting point if you want 
to encourage a child to program, particularly the Scratch cards - 
a number of ‘recipe cards' with programming ideas and information. 

Look for the resources link here - https://scratch.mit.edu/scratch2download/ 

Don't forget to share your programs too, feedback from the community can be a real help 
and great source of encouragement, you can also comment and 'love' other peoples 
programs - and there’s a great feature called 'Remixing' - any user can take a shared 
project and click the Remix button to take the code as their own and make changes and 
publish their own revised version. It's a great way to see how people have created their 
projects. 

You can also find Maplin on Scratch - https://scratch.mit.edu/users/maplin/ 

We've uploaded some example programs here, including some versions of the programs 
in this manual. Have fun and play safe on Bonfire night. 
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Create a bonfire 



Programmers understanding 



What does a fire do? How does it look? 

For the purposes of this program we're going to assume that a fire stays lit constantly and 
the flames are always moving. To create our bonfire we’re going to need a few frames of 
animation and a program to cycle through them to create the flickering flames effect. 



It'll look best if you make the fire as two different sprites, the wood underneath and the 
fire itself, the wood only needs one costume and the fire at least two different costumes 
which will be alternated to produce a moving flame effect. Create a new sprite and use 
the drawing tools to make a few similar but different fire costumes. Do the same for the 
wood, just making a single costume - the graphics we used are shown here. 



How to start : 
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When you're making animations 
it's sometimes easier to duplicate 
a costume and modify it, rather 
than starting fresh each time. 



Scratch top tip! 
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The sprite 
costumes 
used for 
our fire 



Right click a costume and select 
'duplicate’. This tip will help your 
animation to be smoother and 



costume2 

150x102 
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will speed up your progress. 
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Adding the programming 

To program the fire effect is very simple, we just want the 
fire sprite to cycle through its costumes which we can do 
using the 'next costume' block inside a loop. The program 
for the flame could look something like Fig 1 at its most 
basic form. 

You'll probably want to add in a delay after every costume 
change to make the fire effect less jumpy, a fifth of a second 
is adequate, like in the example at Fig 2. 

For a basic animated fire we’ve done enough here to create 
a pleasing and effective graphic, the same concept can be 
used to create lots of static objects that have a similar 
looped animation - try to make some others. 
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Fig 2 



Take it further 

Enhance the look of your fire by adding more costumes and 
smoke. Finish off your project by recording some sounds, 
crinkly paper or plastic makes a good fire noise. 

You can see a simple version of the program here - 

https://scratch.mit.edu/projects/34689620/ 
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Create a Catherine wheel 



Programmers understanding 

What does a Catherine wheel do? Can we describe how it works? 

A Catherine wheel spins around a point at high speed, pushed by some coloured flames 
which sometimes change colour and effect. We could also describe a number of phases 
that the firework goes through from lighting to fizzling out. 



How to start : 

We can add lots of sprites to the screen without having to start again, so you can just 
move the bonfire to one side and make a Catherine wheel - you might also want to paint a 
background at this point - ideally something that's mostly black, it could be your garden 
or an events ground, or even on the moon. 

We need to make something that spins around a point, we can change the colour 
periodically using the 'next costume’ command. 

Draw the main round shape and add a couple of rockets to the sides. Once 
complete use the crosshair icon to set the centre, this will ensure that it 
runs smoothly for the best effect. Once that’s done, duplicate the costume 
a few times and add different effects at the ends of the side rockets. We 
don’t want to change the costume as often as we did with the fire, so we’ll 
make the program do a few turns, then change costume and repeat that. 




8 - Make fireworks in Scratch 




Adding the programming 

The program in Fig 3 quickly rotates the sprite and changes 
costume roughly once every one and a half full rotations. To 
speed up the spin make the angle of turn bigger, to rotate 
more times enlarge the repeat number. 

That's ok but a real Catherine wheel needs to be set off, it runs 
for a bit and slows down and stops. Fig 4 adds some steps that 
emulate that, we'll use a mouse click action to set the 
firework running. 

The way this is programmed, you'll need one more costume 
than the amount of ‘next costume' blocks. If you make your 
last one blank it looks like it has finished burning. 

We could shorten this code by using a variable for the angle to 
control the speed, you'll find an example link below. 

Take it further 

Enhance your Catherine wheel by adding more costumes. 
Finish off your project by recording some sounds. 

Simple: https://scratch.mit.edu/projects/80581970/ 
Intermediate: https://scratch.mit.edu/projects/80586606/ 
Advanced: https://scratch.mit.edu/projects/80603562/ 




Fig 3 




Create a Catherine wheel - 9 




Create rockets 



Programmers understanding 

What do rockets do? How many phases do they have? 

Rockets have a few distinct phases, they are lit, wait for a bit then fly high, then burst and 
shower an effect. To accomplish this with a sprite we need to encompass all these phases 
into different costumes and use programming to make them change and move. To make it 
clear for a child it's sometimes a good idea to sketch out the phases on a piece of paper. 



How to start : 

The first part of getting a rocket to work is getting it to fly, we’re going to use a mouse 
click to initiate a launch (simulating lighting the firework). Then we'll need to change the 
sprite's Y coordinate to make it fly - when you move a sprite on the stage you can check 
the relative x and y coordinates displayed in the bottom right corner of the stage. 

First thing you'll need is a small sprite for the rocket (unlit), using the crosshair tool make 
the tip of the rocket’s cone the centre of the sprite. 



Now we need to work out how far it's going to fly, you can do this 




by trial and error, but it's much quicker to make a quick 
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we need to allow for some space to do the burst so it's not 
happening off the screen. 280 units should be sufficient which 
we'll do in 28 steps of 1 0, see Fig 5 for a simple movement script. 
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Fig 5 
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The sprite will now move upwards when 
clicked and stop after moving 280. This is 
the basis for the rocket, there's a few things 
we can do now to make it act more like a 
rocket; change the costume when it's flying 
to one with flames coming out, when it stops we can then 
move through a variety of costumes to show the burst and end 
by hiding the sprite. We also have a problem now in that every 
time we click a rocket it stays up, it’s better if we could reset 
the y position somehow. 

To reinitialise the rocket we've decided to only reset the 
positions when I click on the green flag, that way we can reset 
many rockets with one click, we could have also made them 
just reset after they've fired. The block of code Fig 6 resets the 
costume, shows the sprite and resets the x and y positions. If 
you use multiple rockets on stage, you'll want to stagger the x 
coordinates; -100, -50, 0, 50, 100.. etc. 

We finished off the end of the rocket program by making the 
particles drop down a bit in a similar way to how we made the 
rocket fly up. The full flight program is shown in Fig 7 and you 
can see a live program with a few rockets here. 

https://scratch.mit.edu/projects/80614764/ 
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Fig 6 




Fig 7 
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Making a display 



Programmers understanding 

How does a display work? How can we make Scratch do that? 

So far we've just made a few solitary sprites that work on their own, but a display see's 
fireworks set off in sequences and patterns - to make our fireworks run to a sequence we 
need to set up a timer and assign specific times to set off the fireworks. A timer is quite a 
simple thing to set up and can be very useful in lots of programs, particularly games. 



How to start 

Setting up a timer is quite simple, and to keep it really simple make a 
separate sprite object to be your timer - it could look like anything; the 
moon, a member of a crowd or maybe a clock. The code for our timer is 
shown in Fig 8. 




The timer relies on a variable, a 
number that we can store in 
memory and modify, in the case of a 
clock we want a regular tick to time 
our fireworks to - the timings in 
Scratch aren't that rigid but they're 
more than good for this purpose. 

You probably want to untick the box 
next to the variable name so that the 
timer doesn't show in the stage. 



Make a Variable 
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show variable timerVariable 



hide variable timerVariable 
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Fig 8 



12 - Make fireworks in Scratch 






Now we have a timer running, we can use it to trigger a 
firework to go off on a certain tick, plan out your display on 
paper before you start to pull it together. Each firework needs 
a broadcast ‘id’ to trigger it, these are referred to as ‘launchl, 
launch2 etc' 

Start 

5 seconds: 2 rockets (launchl, launch2) 

10 seconds: 2 rockets (launch3, launch4) 

When you know what you want to do, set up the stage with the 
appropriate number of fireworks, you'll then need to modify 
them so that instead of reacting to a mouse click they trigger 
when the variable hits a certain number. We'll trigger this 
some if statements with broadcast calls placed in the timer 
function's loop see Fig 9 for the finished script. 

Then finally you'll need to change the 'when this sprite clicked' 
header blocks we started the fireworks with to a block that 
will respond to the broadcast calls, Fig 10. 

This is the basis for making the display, make variations to the 
fireworks and come up with your own. 

You can see all of our Bonfire Night and Fireworks programs 
here https://scratch.mit. edu/studios/1 589108/ 

Tweet us your projects or share them on our Scratch channel. 
Twitter: @maplintweet 

Scratch: https://scratch.mit.edu/users/maplin/ 
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Fig 10 
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